<template>
    <div class="jx-bg">
       <div class="title">
            <strong>{{Titlename}}</strong>
            <span>-  {{index}} {{chapterName}}</span>
            <span class="charter">章节类型：{{type}}</span>
       </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                Titlename:'',
                type:'',
                index:''
            }
        },
        created () {
             this.Titlename = this.$localstorage.getLocalStorage('CourseTitle')
             this.type = this.$localstorage.getLocalStorage('chapterInfoData').chapterType
             this.chapterName = this.$localstorage.getLocalStorage('chapterInfoData').chapterName
             this.index = this.$localstorage.getLocalStorage('chapterInfoData').index
        }
    }
</script>

<style scoped lang="scss">
    .jx-bg{
        background: #fff;
        width: 1200px;
        height: 60px;
        line-height: 60px;
        margin: 20px auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        .title{
            padding-left:30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 1138px;
        }
        .charter{
            padding-left: 30px;
        }
    }
</style>
